<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="../css/main.css" charset="UTF-8">
<link rel="stylesheet" type="text/css" href="../css/popup.css" charset="UTF-8">

<script type="text/JavaScript" src="../js/jquery-1.7.1.min.js" charset="UTF-8"></script>
<script type="text/JavaScript" src="../js/common.js" charset="UTF-8"></script>
<script type="text/JavaScript" src="../js/popup.js"></script>

<title>園田の社内Twitter 投稿フォーム</title>
</head>

<body>

<div id="message"></div>

<table style="margin-bottom: 10px">
	<tr>
		<td>
			<h2>投稿するメッセージ</h2>
		</td>
		<td align="right">
			<span id="restlength">140</span>
		</td>
	</tr>
	<tr>
		<td colspan="2">
			<textarea rows="5" id="text" placeholder="投稿メッセージ"></textarea>
		</td>
	</tr>
	<tr id="userlistblock" style="display:none">
		<td colspan="2">
			本文に<select id="userlist"></select>への返信を
			<a class="button" id="insert" target="_self">挿&nbsp;&nbsp;入</a>
		</td>
	</tr>
	<tr>
		<td style="padding-top:8px">
			<a class="button" id="post" target="_self">投&nbsp;&nbsp;稿</a>
		</td>
		<td style="padding-top:8px" align="right">
			<a class="button"
				href="options.html?mode=link&page=popup" target="_self">設&nbsp;&nbsp;定</a>
		</td>
	</tr>
</table>

<div id="scrollArea">
<table id="timeline">
	<tr>
		<td class="timeline_col">
			<img src="../images/loader.gif"/>&nbsp;タイムライン取得中です...
		</td>
	</tr>
</table>
</div>

<select id="followers">
</select>

</body>
</html>